import React, { memo } from 'react'
import { DiscoverWrapper, TopNavWrapper } from './style'
import { topNavData } from '../../commom/local-data'
import { NavLink } from 'react-router-dom'
export default memo(function Discover() {
  return (
    <DiscoverWrapper>
      <TopNavWrapper>
        <div className="content">
          {
          topNavData.map((item, index) => {
            return (
              <NavLink to={item.url} key={item.url} className="nav-item">{item.title}</NavLink>
            )
          })
          }
        </div>
      </TopNavWrapper>
    </DiscoverWrapper>
  )
})
